<script setup>
// props: ['money']
// props: {
//     money: Number,
//     car: {
//         type: String,
//         default: '宝马'
//     }
// }

import { computed } from 'vue';

const props = defineProps({
    money: Number,
    car: {
        type: String,
        default: '五菱宏光'
    }
})
console.log('car', props.car);
const double = computed(() => {
    return props.money * 2
})


// vue2的方法 this.$emits('add',1000)
const emit = defineEmits(['add', 'reduce'])
</script>
    
<template>
    <h1>我是子组件👍 - {{ money }} - {{ car }}</h1>
    <div>双倍工资 - {{ double }}</div>
    <button @click="emit('add', 1000)">点我加工资</button>
    <button @click="emit('reduce', 500)">点我减工资</button>
</template>
    